.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.Flex{
    display:flex;
    justify-content: space-between;
    align-items: center;
    
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}

.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}

.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}

.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}

.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}

.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
body{
      background: #eff3f2; 
      scroll:none;
      
}
.Register_header{
       background: url(../imgs/Reg_serve_bg01.jpg);
       
        position: fixed;
        top: 0;
        width: 100%;
        .Flex;
        .PxToRem(font-size, 39);
        .PxToRem(height, 88);
         background: #f8f8f8;
         padding:0 2%;
     p:nth-child(1){
           display: flex;
           align-items: center;
           span{
              .PxToRem(margin-left, 39);
           }
           img{
               .PxToRem(width, 55);
               .PxToRem(height, 55);
           }
   }
     p:nth-child(2){
       .PxToRem(padding-right, 35);
   }
}
.Register_main{
    overflow-y: hidden;
    .PxToRem(margin-top,88); 
     .main_top{
      background: #fff;
       .Register_section{
       .PxToRem(padding-top,40);  
       .PxToRem(font-size, 39);
       .Flex;
       p:nth-child(1){
             .PxToRem(padding-left, 36);
              display: flex;
              align-items: center;
           span{
              .PxToRem(font-size, 30);
              .PxToRem(margin-left, 39);
               color: #999;  }
         }
    } 
      
.Register_zhujia{
           .PxToRem(margin-top,41);
           .PxToRem(padding-bottom,48);
          .Flex;
           justify-content: space-around;
           p:nth-child(1){
            .PxToRem(margin-left,109);
           } 
          p{
             border: 1px solid #999999; 
             .PxToRem(width, 277);
             .PxToRem(height, 87);
             .PxToRem(border-radius, 7);
             text-align: center;
             .PxToRem(width, 277);
             .PxToRem(line-height, 87);
             .PxToRem(font-size, 30);
          } 
          p.change{
            color:#1ac5a1;
            border:1px solid #1ac5a1;
          }
       }
      
     }  
       
.Register_infos{
    .PxToRem(margin-top,20);
      background: #fff;
      #form{
        margin-left:-2%;
      }
      #USER_AGE{
            .PxToRem(font-size, 28);
            border:none;

      }
       .infos1{
           border-bottom: 1px solid #f7f7f7;
           .PxToRem(height, 120);
           .PxToRem(font-size, 28);
           .Flex();
           justify-content: space-around;
           .PxToRem(padding-left, 40);
           .PxToRem(padding-right, 30);
           p{
               flex: 3;
               .PxToRem(padding-left, 41);
               input{
                   border: none;
                   outline: none;
               } 
           }
       }
      
.infos2{
         p{.PxToRem(border-radius,18);
             .PxToRem(width, 658);
             .PxToRem(height, 140);
              background: #eff3f6; 
              .Flex();
            input{
                 flex: 2;
                 background: #eff3f6;
                 outline: none;
           .PxToRem(padding-left, 21);
            }  
         } 
      }
       
   }
   
   
   .main_bottom{
        .PxToRem(-top, 22);
        .PxToRem(padding-bottom, 157);
        .infos3{
             .Flex();
             background: #FFFFFF;
             padding: 0 4%;
             .PxToRem(height, 123);
             border-bottom: 1px solid #f7f7f7; 
             .PxToRem(font-size, 31);
             span{
                .PxToRem(height, 45);
                .PxToRem(width, 44);
                background:url("../imgs/dd-yuan.png");
             }
             span.rot{
                  background:url("../imgs/dd-checked.png");
             }
       } 
    }
}

.footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    .PxToRem(height, 157);
    display: flex;
    align-items: center;
    background: #fff;
    p{
        .PxToRem(width, 659);
        .PxToRem(height, 93);
         background: #1cc6a2;
        .PxToRem(border-radius,18);
         margin: 0 auto;
         text-align: center;
        .PxToRem(line-height, 93);
        color: #fff;
    }
    
   
    
}



















